<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <script src="/static/layui/layui.js"></script>
    <script src="/static/jquery-3.6.0.js"></script>
    <style>
        .poem-title {
            color: red;
            size: 20px
        }
        .poem-author {
            color: blue;
            size:50px
        }
        .poem-content {
            color:black;
            size: 80px
        }
    </style>
</head>
<body>
<center>
    <font class="poem-title">{{ title }}</font>
    <br>
    <font class="poem-author">{{ author }}</font>
    {% for con in content %}
    <p class="poem-content">{{ con }}</p>
        <br>
    {% endfor %}


</center>
</body>
</html>